@import './variable';

// 滚动条外观设置
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-thumb {
  width: 5px;
  height: 5px;
  background-color: #0000001a;
  border-radius: 5px;
}

.common-container {
  padding: 24px;
  height: 100%;

  > main {
    width: 100%;
    padding: 24px 32px 16px;
    background-color: $white-color-0;
  }
  .common-table-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: auto;
    .ant-table-wrapper {
      flex: 1;
    }
  }
}

@media (max-width: 1440px) {
  .common-container {
    padding: 16px;
    > main {
      padding: 16px 20px 12px;
    }
  }
}

// antd 样式覆盖
.room-info-popover {
  width: 280px;
}

.room-info-popover__alarm {
  width: 330px;

  .ant-popover-inner {
    padding: 0;
  }
}

// tag
.ant-tag {
  padding: 1px 8px;

  &-green {
    color: $success-color;
    background: #17c23d1a;
    border: 1px solid $success-color;
  }

  &-red {
    color: $danger-color;
    background: #f660321a;
    border: 1px solid $danger-color;
  }
}

// 弹窗
.ant-modal {
  .ant-modal-content {
    .ant-modal-title {
      margin-bottom: 24px;
    }
    .ant-modal-confirm-body {
      .ant-modal-confirm-content {
        margin-top: 20px;
        font-size: 16px;
      }
    }
  }
}

// Disabled checkbox/
.ant-checkbox-wrapper-disabled {
  .ant-checkbox-inner {
    background-color: #b4b4b4 !important; /* Custom background color */
    border-color: #d9d9d9 !important; /* Custom border color */
  }

  .ant-checkbox-checked .ant-checkbox-inner {
    background-color: #b4b4b4 !important; /* Custom background color for checked state */
    border-color: #d9d9d9 !important; /* Custom border color for checked state */
  }
}

.ant-radio-disabled {
  .ant-radio-inner {
    background-color: #b4b4b4 !important; /* Custom background color */
    border-color: #d9d9d9 !important; /* Custom border color */
  }
}

.ant-input-disabled,
.ant-select-disabled,
.ant-picker-disabled {
  background-color: #b4b4b4 !important; /* Custom background color */
  border-color: #b4b4b4 !important; /* Custom border color */
}

.ant-select-disabled {
  border-radius: 6px;
}

.ant-input.css-dev-only-do-not-override-usocwe {
  background-color: rgba(255, 255, 255, 0);
}

.ant-card .ant-card-head {
  padding: 0;
}

.ant-card .ant-card-body {
  padding: 0;
}

.ant-tabs .ant-tabs-content{
  height: 100%
}